﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Employees.aspx.vb" Inherits="Employees" %>

<%@ Register Assembly="MoniMisi2" Namespace="MoniMisi2" TagPrefix="MM2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<link href="App_Themes/Tema/estilos.css" rel="stylesheet" type="text/css" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>

    <script type="text/javascript">
        function ModificarRegistro(sender, e) {
            $find('Employees$Formulario').Mostrar('Mo')
        }
        function MostrarFormulario(sender, e) {
        }
        function Mostrado(sender, e) {
        }
        function Cancelado(sender, e) {
        }
        function Aceptado(sender, e) {
            $find("RegistroEmployees$Grilla").Refrescar();
        }
        function AceptandoFormulario(sender, e) {
            if (e.Operacion != "Co") {
                alert("Los datos no seran grabados en las tablas SQL por ser esta una Demo Publica");
            }
        }
    </script>

    <form id="form1" runat="server" style="background-color: #aaaaaa">
    <MM2:ScriptManager ID="ScriptManager" runat="server">
    </MM2:ScriptManager>
    <%-- IMPORTANTE : Los Ordenes deben especificarse en el mismo orden que aparecen dentro del Dataset--%>
    <MM2:ProveedorDatosServidor ID="Employees" runat="server" WebMethod="ManejoEmployees">
        <Ordenes>
            <MM2:OrdenDatos Columna="LastName"></MM2:OrdenDatos>
            <MM2:OrdenDatos Columna="EmployeeID"></MM2:OrdenDatos>
            <MM2:OrdenDatos Columna="Title"></MM2:OrdenDatos>
        </Ordenes>
    </MM2:ProveedorDatosServidor>
    <MM2:ProveedorDatosServidor ID="Employees2" runat="server" WebMethod="ManejoEmployees">
        <Ordenes>
            <MM2:OrdenDatos Columna="LastName"></MM2:OrdenDatos>
            <MM2:OrdenDatos Columna="EmployeeID"></MM2:OrdenDatos>
            <MM2:OrdenDatos Columna="Title"></MM2:OrdenDatos>
        </Ordenes>
    </MM2:ProveedorDatosServidor>
    <center>
        <table style="background-color: #aaaaaa">
            <tr>
                <td style="vertical-align: top">
                    <div style="color: Black">
                        <b>Navegación Grilla</b>
                        <ul>
                            <li><b>Click</b>: Selecciona registro y activa grilla</li>
                            <li><b>Doble Click</b>:Modifica registro</li>
                            <li><b>Rueda mouse</b>: Avanza/retrocede registro</li>
                            <li><b>Flecha Arriba</b>: Retrocede registro</li>
                            <li><b>Flecha Abajo</b>: Avanza registro</li>
                            <li><b>Page up</b>: Retrocede pagina</li>
                            <li><b>Page Down</b>: Avanza página</li>
                            <li><b>Enter</b>: Modifica regirtro</li>
                            <li><b>Click en cabecera</b>: Ordena grilla</li>
                            <li><b>Escribir palabra</b></br>(con grilla seleccionada): Busca resgistro</li>
                        </ul>
                    </div>
                    <div style="color: Black">
                        <b>Navegación Combo</b>
                        <ul>
                            <li><b>Click</b>: Selecciona registro</li>
                            <li><b>Rueda mouse</b>: Avanza/retrocede registro</li>
                            <li><b>Flecha Arriba</b>: Retrocede registro</li>
                            <li><b>Flecha Abajo</b>: Avanza registro</li>
                            <li><b>Page up</b>: Retrocede pagina</li>
                            <li><b>Page Down</b>: Avanza página</li>
                            <li><b>Enter</b>: Selecciona regirtro</li>
                            <li><b>Click en cabecera columna</b>: Ordena grilla</li>
                            <li><b>Escribir palabra</b>: Busca resgistro</li>
                        </ul>
                    </div>
                    <div style="color: Black">
                        <b>Drag and Drop Formulario</b>
                        <ul>
                            <li>Click sobre cabecera</li></ul>
                    </div>
                </td>
                <td>
                    <div style="width: 100%; height: 100%; padding: 30px; display: inline">
                        <table class="Employ">
                            <tr>
                                <td id="Employees_Orden_LastName" class="ColumnaOrdenada">
                                    Ordenar por Apellido
                                </td>
                                <td runat="server" id="Employees_Orden_Title" class="ColumnaOrdenada">
                                    Ordenar por Titulo
                                </td>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <table class="Employ" id="TablaEmployees">
                                        <tr>
                                            <td>
                                                <table style="height: 550px">
                                                    <tr runat="server" id="RegistroEmployees" class="FilaEmploy">
                                                        <td>
                                                            <table>
                                                                <tr>
                                                                    <td>
                                                                        <img id="Employees_PhotoPath" runat="server" height="50" width="50" src="" alt="Sin Imagen" />
                                                                    </td>
                                                                    <td>
                                                                        <table>
                                                                            <colgroup>
                                                                            </colgroup>
                                                                            <colgroup style="background-color: #757575">
                                                                            </colgroup>
                                                                            <colgroup>
                                                                            </colgroup>
                                                                            <colgroup style="background-color: #757575">
                                                                            </colgroup>
                                                                            <colgroup>
                                                                            </colgroup>
                                                                            <colgroup style="background-color: #757575">
                                                                            </colgroup>
                                                                            <tr>
                                                                                <td>
                                                                                    Apellido:
                                                                                </td>
                                                                                <td style="width: 200px" id="Employees_LastName">
                                                                                </td>
                                                                                <td>
                                                                                    Pais:
                                                                                </td>
                                                                                <td style="width: 200px" id="Employees_Country">
                                                                                </td>
                                                                                <td>
                                                                                    Teléfono:
                                                                                </td>
                                                                                <td style="width: 200px" id="Employees_HomePhone">
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td>
                                                                                    Nombre:
                                                                                </td>
                                                                                <td style="width: 200px" id="Employees_FirstName">
                                                                                </td>
                                                                                <td>
                                                                                    Ciudad:
                                                                                </td>
                                                                                <td style="width: 200px" id="Employees_City">
                                                                                </td>
                                                                                <td>
                                                                                    Nacimiento:
                                                                                </td>
                                                                                <td style="width: 200px" id="Employees_BirthDate">
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td>
                                                                                    Titulo:
                                                                                </td>
                                                                                <td style="width: 200px" id="Employees_Title">
                                                                                </td>
                                                                                <td>
                                                                                    Dirección:
                                                                                </td>
                                                                                <td style="width: 200px" id="Employees_Address">
                                                                                </td>
                                                                                <td>
                                                                                    Mail:
                                                                                </td>
                                                                                <td style="width: 200px" id="Td1">
                                                                                    <a id="Employees_Mail">Enviar</a>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="3">
                                                                        <table>
                                                                            <colgroup>
                                                                            </colgroup>
                                                                            <colgroup>
                                                                            </colgroup>
                                                                            <tr>
                                                                                <td style="width: 93px; text-align: center">
                                                                                    Notas:
                                                                                </td>
                                                                                <td colspan="3" id="Employees_Notes" style="width: 700px">
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td id="Info" style="text-align: left" class="CeldaInfo">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
                <td style="vertical-align: top">
                    <center>
                        <div style="border: solid 2px black">
                            <table style="background-color: #666666; height: 300px">
                                <colgroup style="background-color: #ffffff">
                                </colgroup>
                                <tr>
                                    <td>
                                        <input type="image" src="App_Themes\Tema\Botones\Agregar.gif" onclick="$find('Employees$Formulario').Mostrar('Al');return false" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="image" src="App_Themes\Tema\Botones\Eliminar.gif" onclick="$find('Employees$Formulario').Mostrar('Ba');return false" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="image" src="App_Themes\Tema\Botones\Editar.gif" onclick="$find('Employees$Formulario').Mostrar('Mo');return false" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="image" src="App_Themes\Tema\Botones\Info.gif" onclick="$find('Employees$Formulario').Mostrar('Co');return false" />
                                    </td>
                                </tr>
                            </table>
                            <table id="Empleado_Mdl" style="-webkit-filter: drop-shadow(15px 15px 20px black);
                                color: Black; border: solid 1px black; background-color: White">
                                <colgroup style="width: 150px; background-color: lightblue">
                                </colgroup>
                                <colgroup style="width: 300px">
                                </colgroup>
                                <tr id="Empleado_AlDR">
                                    <td colspan="3" style="text-align: center; cursor: pointer">
                                        Alta
                                    </td>
                                </tr>
                                <tr id="Empleado_BaDR" style="text-align: center; cursor: pointer">
                                    <td colspan="3">
                                        Baja
                                    </td>
                                </tr>
                                <tr id="Empleado_MoDR" style="text-align: center; cursor: pointer">
                                    <td colspan="3">
                                        Modificacion
                                    </td>
                                </tr>
                                <tr id="Empleado_CoDR" style="text-align: center; cursor: pointer">
                                    <td colspan="3">
                                        Consulta
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <img id="Empleado__PhotoPath" runat="server" height="50" width="50" src="" alt="Sin Imagen" />
                                    </td>
                                    <td>
                                        <input type="text" id="Empleado_AlMoFMFA_PhotoPath" size="60" />
                                        <span id="Empleado_BaCo_PhotoPath" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Apellido :
                                    </td>
                                    <td>
                                        <input type="text" id="Empleado_AlMo_LastName" size="60" maxlength="20" />
                                        <span id="Empleado_BaCo_LastName" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Nombre :
                                    </td>
                                    <td>
                                        <input type="text" id="Empleado_AlMo_FirstName" size="60" maxlength="10" />
                                        <span id="Empleado_BaCo_FirstName" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Titulo :
                                    </td>
                                    <td>
                                        <input type="text" id="Empleado_AlMo_Title" size="60" maxlength="30" />
                                        <span id="Empleado_BaCo_Title" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Pais :
                                    </td>
                                    <td>
                                        <input type="text" id="Empleado_AlMo_Country" size="60" maxlength="15" />
                                        <span id="Empleado_BaCo_Country" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Ciudad :
                                    </td>
                                    <td>
                                        <input type="text" id="Empleado_AlMo_City" size="60" maxlength="15" />
                                        <span id="Empleado_BaCo_City" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Dirección :
                                    </td>
                                    <td>
                                        <input type="text" id="Empleado_AlMo_Address" size="60" maxlength="60" />
                                        <span id="Empleado_BaCo_Address" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Salario :
                                    </td>
                                    <td>
                                        <MM2:Numero ID="Empleado_AlMo_Salario" runat="server" Enteros="6" Decimales="2" Tipo="Fox"
                                            title="Ingrese Salario"></MM2:Numero>
                                        <MM2:Numero ID="Empleado_BaCo_Salario" runat="server" Enteros="6" Decimales="2" Enabled="false"
                                            Style="border: none; background-color: White; color: Black"></MM2:Numero>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Nacimiento :
                                    </td>
                                    <td>
                                        <MM2:Fecha ID="Empleado_AlMo_BirthDate" runat="server" AutoCompletar="Defecto" AceptaBlanco="true"
                                            title="Ingrese fecha de nacimiento">
                                        </MM2:Fecha>
                                        <MM2:Fecha ID="Empleado_BaCo_BirthDate" runat="server" Enabled="false"></MM2:Fecha>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Reporta a :
                                    </td>
                                    <td>
                                        <MM2:ComboGrilla ID="Empleado_AlMo_ReportsTo" runat="server" GrillaTargetId="RegistroComboEmployees"
                                            Valor="EmployeeID" Descripcion="LastName"></MM2:ComboGrilla>
                                        <MM2:ComboGrilla ID="Empleado_BaCo_ReportsTo" runat="server" GrillaTargetId="RegistroComboEmployees"
                                            Valor="EmployeeID" Descripcion="LastName" Enabled="false"></MM2:ComboGrilla>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Notas :
                                    </td>
                                    <td>
                                        <textarea rows="4" cols="60" id="Empleado_AlMo_Notes"></textarea>
                                        <span id="Empleado_BaCo_Notes" />
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3">
                                        <table style="border: solid 1px black; width: 100%">
                                            <tr>
                                                <td style="text-align: center">
                                                    <input type="button" value="Aceptar" id="Empleado_AcFC" />
                                                </td>
                                                <td style="text-align: center">
                                                    <input type="button" value="Cancelar" id="Empleado_AlMoBaCaFB" />
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <table class="ComboEmploy" cellpadding="0" cellspacing="0">
                            <tr>
                                <th id="Employees2_Orden_LastName" class="ColumnaOrdenada">
                                    Apellido
                                </th>
                                <th>
                                    Nombre
                                </th>
                                <th id="Employees2_Orden_Title" class="ColumnaOrdenada">
                                    Titulo
                                </th>
                            </tr>
                            <tr runat="server" id="RegistroComboEmployees">
                                <td id="Employees2_LastName" style="width: 100px">
                                </td>
                                <td id="Employees2_FirstName" style="width: 100px">
                                </td>
                                <td id="Employees2_Title" style="width: 200px">
                                </td>
                            </tr>
                        </table>
                        <MM2:Grilla runat="server" ID="GrillaCombo" TargetControlID="RegistroComboEmployees"
                            Filas="7" IDDatos="Employees2" />
                    </center>
                </td>
            </tr>
        </table>
    </center>
    <MM2:Formulario runat="server" ID="Empleado" TargetControlID="Employees" Mostrado="Mostrado"
        Cancelado="Cancelado" Aceptado="Aceptado" Aceptando="AceptandoFormulario"></MM2:Formulario>
    <MM2:Grilla runat="server" ID="GrillaEmployees" TargetControlID="RegistroEmployees"
        Filas="4" IDDatos="Employees" IdCeldaInfo="Info" Elegido="ModificarRegistro" />
    </form>
</body>
</html>
